<template>
    <div>
        <div class="w_content">
            <div class="left l">
                <ol class="ol1">
                    <li v-for="(item,index) in arr" :key="index" :class="(index+1)<=active ? 'active' : '' ">
                        {{item}}
                    </li>
                </ol>
            </div>
            <div class="right r">
                <div class="steps">
                    <el-steps :active="(active-1)" align-center>
                        <el-step v-for="(item,index) in arr" :key="index" :title="item"></el-step>
                    </el-steps>
                </div>
                <ul class="ul1">
                    <li v-if="active==1">
                        <jibenxinxi @submitfn="submitfn" v-if="A002==0 || A002==3 || A002==4 || A002==5"></jibenxinxi>
                        <jibenxinxi2 v-if="A002==1 || A002==2"></jibenxinxi2>
                        <jibenxinxi3 v-if="A002==6 || A002==7"></jibenxinxi3>
                        <jibenxinxi4 v-if="A002==8 || A002==9 || A002==10"></jibenxinxi4>
                        <jibenxinxi5 v-if="A002==11"></jibenxinxi5>
                    </li>
                    <li v-if="active==2">
                        <information @submitfn="submitfn" v-if="A002==0 || A002==1 || A002==5"></information>
                        <information2 v-if="A002==2 || A002==4"></information2>
                        <information3 v-if="A002==3"></information3>
                        <information4 v-if="A002==6 || A002==7"></information4>
                        <information5 v-if="A002==8 || A002==9 || A002==10"></information5>
                        <information6 v-if="A002==11"></information6>
                    </li>
                    <li v-if="active==3">
                        <shangcanligong @submitfn="submitfn" v-if="A002==0 || A002==1 || A002==2 || A002==5"></shangcanligong>
                        <shangcanligong2 v-if="A002==3"></shangcanligong2>
                        <shangcanligong3 v-if="A002==4"></shangcanligong3>
                        <shangcanligong4 v-if="A002==6 || A002==7"></shangcanligong4>
                        <shangcanligong5 v-if="A002==8 || A002==9 || A002==10 || A002==11"></shangcanligong5>
                    </li>
                    <li v-if="active==4">
                        <tuiyishibing @submitfn="submitfn" v-if='A002==0'></tuiyishibing>
                        <junzhuanganbu v-if='A002==1'></junzhuanganbu>
                        <tuixiu v-if='A002==2'></tuixiu>
                        <wujunji v-if='A002==3'></wujunji>
                        <tuiwuhongjun v-if='A002==4'></tuiwuhongjun>
                        <fuyuanjunren v-if='A002==5'></fuyuanjunren>
                        <canjijunren v-if='A002==6 || A002==7'></canjijunren>
                        <lieshiyizhu v-if='A002==8 || A002==9'></lieshiyizhu>
                        <binggujunrenyizhu v-if='A002==10'></binggujunrenyizhu>
                        <xianyijunrenjiazhu v-if='A002==11'></xianyijunrenjiazhu>
                    </li>
                    <li v-if="active==5">
                        <tuiyishibing2 @submitfn="submitfn" v-if='A002==0'></tuiyishibing2>
                        <junzhuanganb2 v-if='A002==1'></junzhuanganb2>
                        <tuixiu2 v-if='A002==2'></tuixiu2>
                        <wujunji2 v-if='A002==3'></wujunji2>
                        <tuiwuhongjun2 v-if="A002==4"></tuiwuhongjun2>
                        <fuyuanjunren2 v-if="A002==5"></fuyuanjunren2>
                        <canjijunren2 v-if="A002==6 || A002==7"></canjijunren2>
                        <lieshiyizhu2 v-if="A002==8 || A002==9 || A002==10"></lieshiyizhu2>
                        <xianyijunrenjiazhu2 v-if="A002==11"></xianyijunrenjiazhu2>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
//基本信息---退役士兵基本信息,军队无军籍离退休职工,退伍红军,复员军人
import jibenxinxi from '@/components/category/tuiyishibing/jibenxinxi'
//基本信息---军转干部基本信息,军队离退休干部和退休士官
import jibenxinxi2 from '@/components/category/junzhuanganbu/jibenxinxi'
//基本信息---残疾军人,伤残民兵民工
import jibenxinxi3 from '@/components/category/canjijunren/jibenxinxi'
//基本信息---烈士遗属,因公牺牲遗属,病故军人遗属
import jibenxinxi4 from '@/components/category/lieshiyizhu/jibenxinxi'
//基本信息---现役军人家属
import jibenxinxi5 from '@/components/category/xianyijunrenjiazhu/jibenxinxi'


//个人现状表---退役士兵,军转干部,复员军人
import information from '@/components/gerenxianzhuangbiao/information'
//个人现状表---军队离退休干部和退休士官,退伍红军
import information2 from '@/components/gerenxianzhuangbiao/information2'
//个人现状表---军队离退休干部和退休士官,退伍红军
import information3 from '@/components/gerenxianzhuangbiao/information3'
//个人现状表---残疾军人,伤残民兵民工
import information4 from '@/components/gerenxianzhuangbiao/information4'
//个人现状表---烈士遗属,因公牺牲遗属,病故军人遗属
import information5 from '@/components/gerenxianzhuangbiao/information5'
//个人现状表---现役军人家属
import information6 from '@/components/gerenxianzhuangbiao/information6'


//伤残立功信息表--退役士兵,军队离退休干部和退休士官，军转干部,复员军人
import shangcanligong from '@/components/shangcanligong/shangcanligong'
//伤残立功信息表--军队无军籍离退休职工
import shangcanligong2 from '@/components/shangcanligong/shangcanligong2'
//伤残立功信息表--退伍红军
import shangcanligong3 from '@/components/shangcanligong/shangcanligong3'
//伤残立功信息表--残疾军人,伤残民兵民工
import shangcanligong4 from '@/components/shangcanligong/shangcanligong4'
//伤残立功信息表--烈士遗属,因公牺牲遗属,病故军人遗属,现役军人家
import shangcanligong5 from '@/components/shangcanligong/shangcanligong5'


//军籍信息表--退役士兵
import tuiyishibing from '@/components/junjixinxibiao/tuiyishibing'
//军籍信息表--军转干部
import junzhuanganbu from '@/components/junjixinxibiao/junzhuanganbu'
//军籍信息表--军队离退休干部和退休士官
import tuixiu from '@/components/junjixinxibiao/tuixiu'
//军籍信息表--军队无军籍离退休职工
import wujunji from '@/components/junjixinxibiao/wujunji'
//军籍信息表--退伍红军
import tuiwuhongjun from '@/components/junjixinxibiao/tuiwuhongjun'
//军籍信息表--复员军人
import fuyuanjunren from '@/components/junjixinxibiao/fuyuanjunren'
//军籍信息表--复员军人,伤残民兵民工
import canjijunren from '@/components/junjixinxibiao/canjijunren'
//军籍信息表--烈士遗属,因公牺牲遗属
import lieshiyizhu from '@/components/junjixinxibiao/lieshiyizhu'
//军籍信息表--病故军人遗属
import binggujunrenyizhu from '@/components/junjixinxibiao/binggujunrenyizhu'
//军籍信息表--现役军人家属
import xianyijunrenjiazhu from '@/components/junjixinxibiao/xianyijunrenjiazhu'

//军籍信息表--退役士兵
import tuiyishibing2 from '@/components/qita/tuiyishibing2'
//军籍信息表--军转干部
import junzhuanganb2 from '@/components/qita/junzhuanganb2'
//军籍信息表--军队离退休干部和退休士官
import tuixiu2 from '@/components/qita/tuixiu2'
//军籍信息表--军队无军籍离退休职工
import wujunji2 from '@/components/qita/wujunji2'
//军籍信息表--退伍红军
import tuiwuhongjun2 from '@/components/qita/tuiwuhongjun2'
//军籍信息表--复员军人
import fuyuanjunren2 from '@/components/qita/fuyuanjunren2'
//军籍信息表--残疾军人,伤残民兵民工
import canjijunren2 from '@/components/qita/canjijunren2'
//军籍信息表--烈士遗属,因公牺牲遗,病故军人遗属
import lieshiyizhu2 from '@/components/qita/lieshiyizhu2'
//军籍信息表--现役军人家属
import xianyijunrenjiazhu2 from '@/components/qita/xianyijunrenjiazhu2'

export default {
    data(){
        return {
            A002:0,
            active: sessionStorage.getItem('active') || 1,
            arr:['基本信息','个人现状表','伤残立功信息表','军籍信息表','其他信息表']
        }
    },
    methods:{
        submitfn(data){
            this.active = data
        }
    },
    components:{
        jibenxinxi,
        jibenxinxi2,
        jibenxinxi3,
        jibenxinxi4,
        jibenxinxi5,
        information,
        information2,
        information3,
        information4,
        information5,
        information6,
        shangcanligong,
        shangcanligong2,
        shangcanligong3,
        shangcanligong4,
        shangcanligong5,
        tuiyishibing,
        junzhuanganbu,
        tuixiu,
        wujunji,
        tuiwuhongjun,
        fuyuanjunren,
        canjijunren,
        lieshiyizhu,
        binggujunrenyizhu,
        xianyijunrenjiazhu,
        tuiyishibing2,
        junzhuanganb2,
        tuixiu2,
        wujunji2,
        tuiwuhongjun2,
        fuyuanjunren2,
        canjijunren2,
        lieshiyizhu2,
        xianyijunrenjiazhu2
    }
}
</script>

<style scoped>

</style>